<script>
import CommonBottom from '@/components/commonBottom.vue'
import CommonTop from '@/components/commonTop.vue'
import CommonAside from "@/components/commonAside.vue";

export default {
  name: 'App',
  components: {
    CommentBottom: CommonBottom,
    CommentTop: CommonTop,
    CommentAside: CommonAside
  }
}
</script>

<template>

  <div id="app">
    <el-container>
      <el-header height="auto">
        <comment-top/>
      </el-header>

      <el-container style="	width: 1190px;margin:0 auto">
        <el-container>
          <el-main>
            <router-view></router-view>
          </el-main>
        </el-container>
        <el-aside width="315px">
          <comment-aside></comment-aside>
        </el-aside>
      </el-container>
      <el-footer height="auto">
        <comment-bottom/>
      </el-footer>
    </el-container>

  </div>
</template>


<style scoped>
* {
  border: red solid 1px;
}


</style>